<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <title>51问医生</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    {{--<link rel="shortcut icon" href="/Public/mobile/favicon.ico" type="image/x-icon" />--}}
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="yes"/>
    <script src="{{url('/js/jquery.min.js')}}" type="text/javascript"></script>
    <link rel="stylesheet" href="{{url('new/css/common.css')}}" />

    <script src="{{url('new/js/doctor_list.js')}}"></script>
    {{--<script src="http://mcdn.anxinyisheng.com/Public/mobile/js/lib_5d2f194.js"></script>--}}
    {{--<script src="http://mcdn.anxinyisheng.com/Public/mobile/js/app_7282afb.js"></script>--}}
    <link rel="stylesheet" href="{{url('new/css/doctor_list.css')}}" />
</head>
    <body style="font-size: 24px;">
    <div class="recommend">
        <meta charset="utf-8">
        <style>
            .adList{width:100%;height:1.84375rem;overflow:hidden}
            .adList ul{width:100px;height:100%;-webkit-transition:transform 1s}
            .adList li{float:left;height:100%;width:100px}
            .adList a,.adList img
            {
                display:block;
                width:100%;
                height:100%
            }
            .head_seard{
                /*background-color: white;*/
                margin: .3125rem;
            }
            .head_seard .search_content{
                /*margin: 0 auto;*/
                /*width: 80%;*/
                height: 1.0rem;
                /*padding: 5px;*/
            }
            .search_content input{
                width: 73%;
                height: 100%;
                border-radius: .125rem;
                font-size: 0.5rem;
                /*box-shadow: 0.02125rem 0.02125rem 0.02125rem 0 rgba(0,0,0,.1);*/
                /*padding: 8px;*/
                border: none;
                box-shadow: 1px 1px 3px #888888;
            }
            .search_content button{
                height: 100%;
                width: 20%;
                border-radius: 7px;
                color: white;
                background-color: #ff9800;
                /*font-weight: bold;*/
                /*box-shadow: 0.02125rem 0.02125rem 0.02125rem 0 rgba(0,0,0,.1);*/
                /*padding: 11px;*/
                font-size: 0.5rem;
                border: none;
                /*box-shadow: 2px 2px 3px #888888;*/
                /*border: 1px solid #caae6f;*/
                box-shadow: 1px 1px 3px #888888;
            }
            ::-webkit-input-placeholder { /* WebKit browsers */
                font-size: 0.42rem;
            }
        </style>
        <div class="header">
            <p class="location">
                <span class="location-icon"></span>
                <span>医生列表</span>
                <svg class="arrow-down">
                    {{--<use xlink:href="#arrow_solid_down"></use>--}}
                </svg>
            </p>
            <div class="head_seard">
                <div class="search_content">
                    <input type="text" id="search" placeholder="请输入病情、科室、医生进行搜索" value="@if(!is_null($keyword)){{$keyword}}@endif" />
                    <button id="btn_search">搜索</button>
                </div>
            </div>
            {{--<ul class="dept">--}}
                {{--<li>--}}
                    {{--<p class="child"></p>--}}
                    {{--<p class="text">全部医生</p>--}}
                {{--</li>--}}
                {{--<li>--}}
                    {{--<p class="women"></p>--}}
                    {{--<p class="text">我的医生</p>--}}
                {{--</li>--}}
            {{--</ul>--}}
            {{--<div>--}}
                {{--<input type="text" name="" /><button>搜索</button>--}}
            {{--</div>--}}
        </div>
        <ul class="flex-box small-dept">
            <li class="flex-1 ">412</li>
            <li class="flex-1 " >12</li>
            <li class="flex-1 ">12</li>
        </ul>
        <ul class="doctorlist">
            @if(count($doctors) > 0)
                @foreach($doctors as $doctor)
            <li>
                <a class="new_p" href="{{route('M.Home.newDoctorDetail',['id'=>$doctor->id])}}">
                    <div class="doclist-avatar">
                        <img src="@if($doctor){{route('Api.Image.Show',['id'=>$doctor->doc_img])}}@else{{route('Api.Image.Show',['id'=>0])}}@endif"  />
                        {{--<p class="doc-authority">--}}
                            {{--<span>12</span>--}}
                            {{--<span>12</span>--}}
                        {{--</p>--}}
                    </div>
                </a>
                <a class="new_p" href="{{route('M.Home.newDoctorDetail',['id'=>$doctor->id])}}">
                    <div class="doclist-info">
                        <p class="docname">
                            <span>{{$doctor->doc_name}}</span></p>
                        <p class="deptname magrinTop5">{{$doctor->subject}}
                            <span class="color54 magrinLeft10">{{$doctor->station}}</span></p>
                        <p class="deptname">@if($doctor->hospital){{$doctor->hospital}}@endif</p>
                        <p class="expert">简介
                            @if(mb_strlen($doctor->introduction) > 20)
                                <span class="color54"><?php echo mb_substr($doctor->introduction,0,25); ?>... <em id="dian{{$doctor->id}}" style="color: #c0813f;">详情>></em></span>
                                <span class="color54" id="other{{$doctor->id}}" style="display: none"><?php echo mb_substr($doctor->introduction,31,mb_strlen($doctor->introduction)); ?></span>
                                {{--<a class="more" href="javascript:void(0);" data-id="{{$doctor->id}}" data-type="some" style="z-index: 100000">[更多]</a>--}}
                            @else
                                <span class="color54">{{$doctor->introduction}} <em style="color: #c0813f;">详情>></em></span>
                                {{--<a class="more" href="javascript:void(0);" data-id="{{$doctor->id}}" data-type="all" style="z-index: 100000">[收起]</a>--}}
                           @endif

                        </p>
                        <div class="price">
                            <p>
                                <span>￥</span>
                                <span class="num">{{$doctor->fee}}</span>
                            </p>
                            {{--<p class="text">12</p>--}}
                        </div>
                    </div>
                </a>
            </li>
                @endforeach
                @endif
        </ul>
        {{--<div class="loadding">--}}
            {{--<p class="loadding-icon">--}}
                {{--<span></span>--}}
            {{--</p>--}}
            {{--<p></p>--}}
        {{--</div>--}}
        {{--<div class="city " style="" >--}}
            {{--<div class="selectList">--}}
                {{--<ul>--}}
                    {{--<li >212</li>--}}
                {{--</ul>--}}
                {{--<p>--}}
                    {{--<svg>--}}
                        {{--<use ></use>--}}
                    {{--</svg>--}}
                {{--</p>--}}
            {{--</div>--}}
        {{--</div>--}}
    </div>
    <script>
        $(function(){
            $(document).on('click','#btn_search',function(){
                var keyword = $('#search').val();
                window.location.href = "{{route('M.Home.newDoctorList')}}?keyword="+keyword;
            });

//            $(document).on('click','.more',function(even){
//                event.stopPropagation();
//                event.preventDefault();
//                var id = $(this).attr('data-id');
//                var type = $(this).attr('data-type');
//                if(type == 'some'){
//                    $('#other'+id).show();
//                    $('#dian'+id).hide();
//                    $(this).html('［收起］')
//                    $(this).attr('data-type','all');
//                }else{
//                    $('#other'+id).hide();
//                    $('#dian'+id).show();
//                    $(this).html('［更多］')
//                    $(this).attr('data-type','some');
//                }
//
//            });
        });
    </script>
    </body>
</html>